﻿/* 
	Theme Name: VCP
	Theme URI: http://www.victorcuervo/
	Description: El theme para mi p&aacute;gina personal.
	Author: Victor Cuervo
	Author URI: http://www.victorcuervo.com
	Version: 0.1
		
	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php
	
	
	Changelog:
		v1.0
			First Release
*/

/*
Colores a utilizar

azul oscuro
azul clarito
otro azul

*/

/* Generales */
body {
	/* Texto negro */
	color: #000; /* Fuente general */ /* font-family: "Trebuchet MS", "Bitstream Vera Serif", Utopia, "Times New Roman", times, serif;*/;
	margin: 0;
	padding: 0;
	background: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
}


code, pre {
	font-family:monospace;
	font-size:12px;
	display:block;
	padding:10px;
	background:#fff;
        border: 1px dashed #ccc;
        white-space: pre-wrap; /* css-3 */
        white-space: -moz-pre-wrap !important; /* Mozilla, since 1999 */
        white-space: -pre-wrap; /* Opera 4-6 */
        white-space: -o-pre-wrap; /* Opera 7 */
        word-wrap: break-word; /* Internet Explorer 5.5+ */
}




/* Estructura */


#header {
	/* background: #FFF url(images/fondo.png) no-repeat;*/ 
	background-color: #c8d7eb;
	width: 100%;
	height: 116px;
    margin: 0;
	padding: 0;
	font-family:"Courier New", Courier, monospace;
}

#header h1 {
	font-size: 30px;
	padding: 30px 50px 0 0;
	margin:0;
	text-align: right;
}
		
#header a, #header a:hover {
	background: transparent;
	color: #8EBAFD;
	text-decoration: none;
}

#header .descripcion_sitio {
	font-size: 14px;
	margin: 0;
	text-align: right;
	padding-right: 50px;
}


/* Pages */

#barra {
	background: #3c78c3;
	font-size: 12px;
}


#pages {	
	margin: 0 auto;
	width: 960px;
	padding: 15px 0 6px 20px;
	height:30px;
}


#pages li {
		display: inline;
		list-style-type: none;
		}
		
#pages ul, ol {
		margin: 0;
		padding: 0;
		width:630px;
		}
		
#pages a {
		background: #fff;
		color: #1E4C62;
		font-weight: bold;
		margin: 0 3px 0 0;
		padding: 6px 10px;
		}
		
#pages a:hover {
		background: #c8d7eb;;
		color: #fff;
		}
		
.current_page_item a, .current_page_item a:hover {
		background: #8EBAFD !important;
		color: #fff !important;
		}
		
/* Search */
#search {
	padding: 15px 0 6px 20px;
	margin: 0;
	padding: 0;
	width: 300px;
	float:right;
}	
	


#content {
	background: #fff;
	margin: 0 auto;
	padding: 0px;
	width: 960px;  /* Usar width de 960 en vez de 795. O en ems... 90em */
}



#info {
	float: left;
	margin: 0;
	padding: 0px 10px 0px 0px;
	width: 620px;
	font-size: 14px;
	border-right: medium #3c78c3 double;
}

/* Noticias */
	#info p, #info ul, #info ol {
		line-height: 1.4em;
		}
			
	#info ul {
		list-style-type: circle;
		margin: 0 0 0 30px;
		padding: 0;
		}
			
	#info li {
		margin: 0;
		padding: 0;
		}

	#info h2, #info h2 a {
		color: #0090DA;
		font-size: 20px;
		font-weight: normal;
		margin: 40px 0 0 0;
		padding: 0;
		text-decoration: none;
		border-bottom:thin #3c78c3 double;
		}
		
	#info h2 a:hover {
		background: transparent;
		color: #6EB9E0;
		}
		
	#info h3 {
		color: #016CA3;
		font-size: 15px;
		font-weight: normal;
		margin: 0;
		padding: 20px 0 5px 0;
		}

	#info small {
		font-family: Arial, Helvetica, Sans-Serif;
		font-size: 11px;
		}


.infoentrada{
	width:630px;
	margin:0;
}

.comentarios, .date{
	margin-top: 5px;
	background:url(images/icons.gif) no-repeat;
	padding-left:22px;
	height:16px;
	margin-right:15px;
}

.comentarios{
	background-position:0 -96px;
	float:right;
}


.date{
	background-position:0 -48px;
	float:left;
	display:block;
}


#post_contenido{
	width:620px;
}




#sidebar {
	float: left;
	line-height: 1.2em;
	margin: 0;
	padding: 0 10px 0 10px;
	width: 300px;
	/* background: #c8d7eb none repeat scroll 0 0; */
}



	#sidebar h2, #sidebar h2 a {
		color: #0090DA;
		font-size: 16px;
		font-weight: normal;
		margin: 40px 0 0 0;
		padding: 0;
		text-decoration: none;
		
		}


	/* Sidebar */
	#sidebar h3 {
		background: url(images/dot.gif) repeat-x bottom;
		color: #174B65;
		font-size: 11px;
		font-weight: normal;
		letter-spacing: 0.2em;
		margin: 0;
		padding: 0;
		text-transform: uppercase;
		}
		
	#sidebar ul, #sidebar ol {
		list-style: none;
		margin: 0;
		padding: 5px;
		}
		
	#sidebar li, #sidebar li:hover {
		margin: 0;
		padding: 0;
		}
		
	#sidebar a {
		color: #0B76AE;
		}
		
	#sidebar a:hover {
		background: url(images/dot.gif) repeat-x bottom;
		color: #0B76AE;
		}
		
	#sidebar div { 
		margin: 20px 0;
		padding: 0;
		}



/* Cuerpo */




/* Fin del cuerpo*/


/** FOOTER */
#footer {
	background:url('images/footer.png') #fff no-repeat scroll;
	font-size: 9px;
	margin: 0;
	padding: 5px 20px;
	width:960px;
	float:left;
}
	/*	Credits */
	#footer a {
		color: #3E708A;
		}
		
	#footer a:hover {
		background: transparent;
		color: #0090DA;
		}
		
	#footer p {
		margin: 0;
		padding: 0;
		}
		
		#footer .columna{
	width:200px;
	float:left;
	margin-top:20px;
	margin-right:40px;
}
/* FIN DEL FOOTER **/








/** NO REVISADOS **/


/* Structure Divs */


	






	
/* Config Structure Divs */

	
		
			
	
		
	.feedback {
		color: #898A8A;
		font-size: 12px;
		margin: 0;
		padding: 0 20px;
		text-align: center;
		}
		
	/* Entrada */
	.entrada {
		margin: 0;
		padding: 0;
		}

	/* Comments */
	#commentlist {
		list-style-type: none;
		margin: 0;
		padding: 0;
		}

	#commentlist li {
		margin: 10px 0;
		padding: 5px 10px;
		}
			
	#commentlist p {
		margin: 0;
		padding: 0;
		}
			
	#commentlist small {
		font-size: 11px;
		}

	.class_comment1 { background: #E9E9EA; border: 1px solid #E0DEDE; }
	.class_comment2 { background: #F4F3F3; border: 1px solid #E0DEDE; }
	
	#comments, #postcomment {
		color: #0090DA;
		font-size: 14px !important;
		font-weight: normal;
		margin: 40px 0 10px 10px;
		text-transform: uppercase;
		}
			
	#commentform {
		background: #D3E4FF;
		border: 1px solid #D8D8D8;
		padding: 5px 20px;
		}
		
	#commentform input, #commentform textarea {
		background: #F9FBFF;
		border: 1px solid #B8D4FF;
		font-size: 12px;
		padding: 1px;
		}
		
	#commentform input:focus, #commentform textarea:focus {
		background: #EEF5FF;
		}
	


/* General */
a {
	color: #0B76AE;
	text-decoration: none;
	}

a:hover {
	background: #0090DA;
	color: #fff;
	}

acronym, abbr, span.caps {
	cursor: help;
	border-bottom: 1px dotted #000;
	}
	
blockquote {
	background: #E3F5FE url(images/blockquote.png) no-repeat bottom left;
	padding: 5px 20px 30px 20px;
	margin: 1em;
	} /* Idea from ShadedGrey of http://wpthemes.info/ */

cite {
	text-decoration: none;
	}
	
code {
	font-family: 'Courier New', Courier, Fixed, sans-serif;
	font-size: 1.1em;
	}

img {
	border: 0;
	}

h4 {
	color: #858585;
	}
	
/* Float and Clear */
div.floatleft {
	float: left;
	}

div.floatright {
	float: right;
	}
	
div.both {
	clear: both;
	}
	
/* Images align */
img.border {
	border: 1px solid #C6C6C6;
	padding: 4px;
	margin: 0;
	}

img.border:hover {
	background: #E3F5FE;
	}

img.center {
	display: block; 
	margin: auto;   
	}

img.alignright {
	float: right;
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;	
	}

img.alignleft {
	float: left;
	padding: 4px;
	margin: 0 7px 2px 0;
	display: inline;
	}
	
/* Text align */
.center {
	text-align: center;
	}
	
.alignright {
	text-align: right;
	}

.alignleft {
	text-align: left;
	}
	
/* Iconos */
.tags{
	display:block;
	background:url(images/icons.gif) no-repeat;
	background-position:0 -16px;
	padding-left:22px;
	height:16px;
}
	

